<template>
	<view>
		订单查询
		<hjx-payTabs :paytabs='paytabsList' @paytabsChange='handlepaytabsChange'></hjx-payTabs>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				paytabsList: [{
					id: 0,
					value: "全部",
					isActive: true
				}, {
					id: 1,
					value: "待付款",
					isActive: false
				}, {
					id: 2,
					value: "待发货",
					isActive: false
				}, {
					id: 3,
					value: "退款/退货",
					isActive: false
				}],
			}
		},
		methods: {

			handlepaytabsChange(activeId) {
				this.paytabsList.forEach(v => v.id == activeId ? v.isActive = true : v.isActive = false);
			},

		}
	}
</script>

<style lang="scss">

</style>